<template>
	<div id="contentBox">
		<div id="tableBox" style="margin:25px 25px 0;" >
			<el-table :data="tableData.data" border  >
			    <el-table-column label="活动主题" width="140">
			      <template scope="scope">
			        <span >{{ scope.row.activityTheme }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="板块名称" width="140">
			      <template scope="scope">
			        <span >{{ scope.row.plateName }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="链接网址" >
			      <template scope="scope">
			        <span >{{ scope.row.linkUrl }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="状态" width="120">
			      <template scope="scope">
			        <span >{{ scope.row.flag  |flag(scope.row.flag) }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="创建人" width="120">
			      <template scope="scope">
			        <span >{{ scope.row.createUser }}</span>
			      </template>
			    </el-table-column>
			   
			     <el-table-column label="添加时间" width="180">
			      <template scope="scope">
			        <span >{{ scope.row.createDate |parseTime }}</span>
			      </template>
			    </el-table-column>
			     
			    <el-table-column label="操作" width="190">
			      <template scope="scope">
			      	<el-button size="small" @click="handleEdit(scope.$index,scope.row)">修改</el-button>
			      	<el-button size="small" @click="handleDisable(scope.$index,scope.row,scope.row.flag)" :ref="'flag'+scope.$index">{{scope.row.flag | flagF(scope.row.flag)}}</el-button>
			      	<el-button size="small" type="danger" @click="handleDel(scope.$index, scope.row)" >删除</el-button>
			      </template>
			    </el-table-column>
			</el-table>
	       <el-dialog  title="热门活动管理" v-if="dialogSendData.dialogFormVisible" :visible.sync="dialogSendData.dialogFormVisible"  :lock-scroll='false' top=5% :close-on-click-modal="false">
				<dialogForm :dialogSendData="dialogSendData" :tableData="tableData" v-on:refreshTableData="seachData({})"></dialogForm>
			</el-dialog>

	    </div>
	   <div class="block" style="text-align: center;margin-top: 15px;position:relative;">
	    	<pagination v-on:refreshSeachData="seachData({})"  :tableData="tableData" :searchForm="searchForm"></pagination>
		    <el-button  style="position:absolute;right:25px;top:0;" type="primary" @click="handleEdit()">添 加</el-button>
		</div>
	</div>
</template>
<script src="./index.js">

</script>
<style scoped lang="stylus" rel="styleheet/stylus">
	@import './index.styl';
</style>